
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    padding-top: 20px;
}

form {
    width: 45%;
    padding-top: 1px;
    padding-bottom: 1px;
    margin: auto;
    text-align: center;
    background-color: #CCCCCC;
}

.list{
    margin: 20px 0;
}

.list label {
    width: 20%;
    text-align: right;
}

.list input {
    width: 30%;
    height: 25px;
    text-align: left;
}

label, input {
    display: inline-block;
}

.login {
    display: block;
    width: 45%;
    border: none;
    background-color: #fff;
    padding: 5px 0;
    margin: 15px auto 15px;
}
.login:hover{
    background-color: #E66700;
    color: #fff;
}


.title {
    margin-top: 15px;
    position: relative;
}

.title > h3 {
    font-size: 19px;
    color: #40485b;
}

.re-btn {
    position: absolute;
    color: #E66700;
    right: 20px;
    font-size: 14px;
    top: 0;

}

.re-btn {

    text-decoration: none;
}

.login:hover, .re-btn:hover {
    cursor: pointer;
}


/*注册*/
.maBox{
    position: relative;
    width: 30%;
    display: inline-block;
    text-align: right;
}
 #ma{
     padding-right: 70px;
     width: 100%;
 }
 label[for="ma"],.maBox{
     vertical-align: top;
 }
 .imgMa{
     position: absolute;
     right: 0;
     display: block;
     width: 70px;
     height: 25px;
     top: 0;
     border: 1px solid;
 }